{{ template "header" . }}
{{ range $TypedMaterialSeries := .AllMaterialsList }}
    <div class="section">
    {{ range $TypeName, $MaterialSeriesList := $TypedMaterialSeries }}
        <h3 class="header">{{ $TypeName }}</h3>
        <ul class="collapsible">
        {{ range $i, $MaterialSeries := $MaterialSeriesList }}
        <li {{ if eq $i 0 }}class="active"{{ end }}>
                {{ range $SeriesName, $MaterialItemList := $MaterialSeries }}
                    <div class="collapsible-header" id="{{ $SeriesName }}">{{ $SeriesName }}</div>
                    <div class="collapsible-body collection">
                    {{ range $MaterialItem := $MaterialItemList }}
                        <div class="collection-item">
                            <p><a href="{{ $MaterialItem.DownloadURL }}" target="_blank">{{ $MaterialItem.Name }}</a></p>
                            <p>{{ $MaterialItem.Desc }}</p>
                        </div>
                    {{ end }}
                    </div>
                {{ end }}
            </li>
        {{ end }}
        </ul>
    {{ end }}
    </div>
{{ end }}
{{ template "footer" . }}
